<template>
    <div class="app-header">
        <van-nav-bar fixed>
            <template #right>
                北京市
                <div class="box"></div>
            </template>
            <template #left>
                <van-search shape="round" placeholder="请输入搜索关键词" @click="$router.push('/search')" />
            </template>
        </van-nav-bar>
    </div>
</template>

<script setup lang="ts">

</script>

<style  lang="scss">
.app-header {
    height: 50px;

    .van-nav-bar {
        height: 50px;

        .box {
            margin-left: 5px;
            width: 0.1rem;
            height: 0.08rem;
            background: url('') no-repeat center center /100% 100%;
        }

        .van-search {
            width: 2.69rem;
            height: 0.45rem;
        }
    }
}
</style>